import { useState } from 'react'
import {GlobalStyle,Top, Tab, TabItem,TabItemFloat} from './style'
import Routes from '@/routes/index'
import { useNavigate, NavLink } from 'react-router-dom'

function App() {
  const navigate = useNavigate()

  return (
    <div className="App">
      <GlobalStyle />
       {/* <Tab>
          <NavLink to="/follow">
              <TabItem>
                  <span>关注</span>
              </TabItem>
          </NavLink>
          <NavLink to="/find">
              <TabItem>
                  <span>发现</span>
              </TabItem>
          </NavLink>
          <NavLink to="/local">
              <TabItem>
                  <i className='iconfont icon-dingwei' ></i>
                  <span>抚州</span>
              </TabItem>
          </NavLink>
          
      </Tab>
      <TabItemFloat>
            <TabItem>
                <i className='iconfont icon-xiaoxi' 
                  onClick={() => alert("用户中心正在开发中，敬请期待:)")}></i>
            </TabItem>
      </TabItemFloat>
       <Top>
          <input type="text" className='inp' placeholder='  搜索地点/景点/酒店等' onClick={() => navigate("/search")} />
          <button className='btn'>
            <i className='iconfont icon-sousuo'></i>
          </button>
      </Top>       */}
      <Routes /> 
    </div>
  )
}

export default App
